<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鼠标悬停出现图片</title>
		<style type="text/css">
			
.con1,.con2{display: none;}
#tog1:hover+.con1{display: block;}
#tog2:hover+.con2{display: block;}

body{
	position: relative;
}
.con1{
	position: absolute;
}
.con2{
	margin-left: 100px;
}
		</style>
	</head>
	<body>
<p>关注我们</p>
<img id="tog1" src="../public/imgs/wx.png"/>
<div class="con1"><img class="img1" src="../public/imgs/wx2.png" /></div>

<img id="tog2" src="../public/imgs/wb.png" style="padding-left: 20px"/>
<div class="con2"><img src="../public/imgs/wb2.png"/></div>		
		
	</body>
</html>
